<template>
  <div class="swiper_container">
    <van-swipe :autoplay="3000" lazy-render scrollspy indicator-color="#fff">
      <van-swipe-item v-for="item in list" :key="item.id">
        <img :src="item.picUrl" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script setup lang='ts'>
import { type FocusModel } from "@/api/home";
const props = defineProps<{
  list: FocusModel[]
}>()
</script>

<style scoped lang="less">
// 轮播图
.swiper_container {
  width: 100%;

  img {
    width: 100%
  }

  /deep/ .van-swipe__indicator {
    width: 20px;
    height: 2px;
  }
}
</style>